/* 通配选择器，匹配任意元素 */
*{
    /* 内填充 */
    padding: 0;
    /* 外边距 */
    margin: 0;
}
/*重置a标签的默认样式*/
a {
    /*字体颜色*/
    color: black;

    /*文本装饰*/
    text-decoration: none;
}
img{
    vertical-align: top;
}

/*去掉ul的默认样式*/
ul{
    list-style: none;
}

body{
    /* 背景图片 */
    /*url 图片地址
    top center:上方，中间
    no-repeat:图片不平铺
    */
    background: url("../image/2016_top_bg.png")top center no-repeat,
                url("../image/2016_body_bg.png");
}
/*------- top样式  --------*/
.top{
    /*高度设置*/
    height: 36px;
    /*宽度设置*/
    width: 100%;
    /*最小宽度*/
    min-width: 1000px;
    background-color: rgba(255, 255, 255,0.3);
    /*下边框*/
    border-bottom: 1px solid  rgba(255,255,255,0.3);
}

/*类选择器，选中class里面包含center的元素*/
.center {
    /*宽度*/
    width: 1000px;
    /*高度的百分比是相对于父级元素的高度*/
    height: 100%;
    /*background-color: yellow;*/
    /* 居中 */
    margin-left: auto;
    margin-right: auto;
}

/*子代选择器*/
.center>div{
    width: 50%;
    height: 100%;
}

.left{
    /*background-color: #7e8b72;*/
    /*字体大小*/
    font-size:0;
}
.right {
    /*background-color: goldenrod;*/
    text-align: right;
}
/*浮动：元素'沿着某一方向进行移动，直到碰到父级元素边界或者其他同级浮动元素为止*/
.fl{
    /*左浮动*/
    float: left;
}

.fr{
    /*右浮动*/
    float:right;
}

.left>*,.right>*{
    /*字体大小*/
    font-size:12px;
    /*字体颜色*/
    colar:#666;
    /*背景颜色*/
    /*background-color: #90fdff;*/
}
/*让元素中的内容上下居中*/
.v_m>*{
    vertical-align: middle;
}
.v_m::after{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.left>span{
    margin-left: 10px;
    margin-right: 10px;
}
.right>span{
    margin-left: 10px;
    margin-right: 10px;
}
.a{
    display:inline-block;
    /*background-color:blue;*/
    margin-right: 10px;
    /*相对定位，相对于元素原先的位置进行定位*/
    position: relative;
    top: 2px;
}

/* 后代选择器 选中 .center 中所有a标签 */
/*honor 鼠标放上显示悬浮内容*/
.center a:hover {
    /*文本装饰；下划线*/
    text-decoration: underline;

}
